<template>
  <div id="home">
    <title-bar>
      <top-list></top-list>
      <top-pic></top-pic>
      <top-swiper></top-swiper>
    </title-bar>
  </div>
</template>

<script>
import TitleBar from "components/content/titlebar/TitleBar.vue";

import TopList from "./childComponent/TopList";
import TopPic from "./childComponent/TopPic";
import TopSwiper from "./childComponent/TopSwiper";

export default {
  name: "Home",
  components: {
    TitleBar,
    TopList,
    TopPic,
    TopSwiper,
  },
};
</script>

<style scoped>
#home {
  text-align: center;
}
</style>